<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
    <meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/yoga.css">
    <link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all.css">
    <link rel="shortcut icon" href="../home/images/Yoga_03.png" type="image/png">
    <script type="text/javascript" src="../front_js/jquery.min.js"></script>
    <title>yoga</title>
</head>
<body>
<!--头部开始-->
<header class="blogstandard-background">
    <!--顶部图标-->
    <img src="../home/images/01HomeYoga_03.png" alt="" />
    <!--顶部二级导航-->
    <ul class="clearfix">
        <li><a href="#">Home</a>
            <ol>
                <li><a href="#">Yoga studio</a></li>
                <li><a href="#">Fitness club</a></li>
                <li><a href="#">Gym</a></li>
                <li><a href="#">Health club</a></li>
                <li><a href="#">Coach</a></li>
                <li><a href="#">Dance</a></li>
            </ol><i></i></li>
        <li><a href="#">Pages</a>
            <ol>
                <li><a href="#">About Us </a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Events</a>
            <ol>
                <li><a href="#">All Events</a></li>
                <li><a href="#">Events One</a></li>
                <li><a href="#">Events Two</a></li>
                <li><a href="#">Events Three</a></li>
                <li><a href="#">Events Four</a></li>
                <li><a href="#">Single Event</a></li>
            </ol><i></i></li>
        <li><a href="#">Portfolio</a>
            <ol>
                <li><a href="#">Column 3 Сols</a></li>
                <li><a href="#">Columns 4 Сols Wide</a></li>
                <li><a href="#">4 Сols Masonry</a></li>
                <li><a href="#">Four Columns</a></li>
                <li><a href="#">Gallery</a></li>
            </ol><i></i></li>
        <li class="fff"><a href="#">Blog</a>
            <ol>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
    <!--顶部二级导航右侧图标-->
    <div class="home-index-cart">
        <span><a href="#"><img src="../home/images/serch.png" alt="" /></a></span>
        <span><a href="#"><img src="../home/images/shop.png" alt="" /></a><div>0</div></span>
        <span>
                <a href="#"><img src="../home/images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
    </div>
    <div class="jzz-tt-posa">
        <div class="home-logo">
            <img src="../im/VectorSmartObject5.png">
        </div>
        <div class="upcoming-words home-words">
            <p>Instructors</p>
        </div>
        <div class="color home-wrap-content">
            <p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
        </div>
    </div>
    <script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
    </script>
</header>
<!--contacts-section内容区-->
<section class="contacts-sec">
    <div class="content contacts-sect">
        <img class="mapimg" src="../im/VectorSmartObject5.png">
        <div class="map">
           <div class="mymap">
               <script type='text/javascript'>
                   function loadMapScenario() {
                       var map = new Microsoft.Maps.Map(document.getElementsByClassName('mymap')[0], {
                           /* No need to set credentials if already passed in URL */
                           center: new Microsoft.Maps.Location(51.50632, -0.12714),
                           mapTypeId: Microsoft.Maps.MapTypeId.aerial,
                           zoom: 10 });
                       /*自定义图钉*/
                       var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), {
                           icon: 'images/36---Contacts_03_03.png',
                           anchor: new Microsoft.Maps.Point(12, 39)
                       });
                       map.entities.push(pushpin);
                   }
               </script>
               <script type='text/javascript' src='https://cn.bing.com/api/maps/mapcontrol?key=AudXKthdUW9DL-Zsauiu2m4Rork7qh3JiO6hrOZccBkG75I94rVaPAplRIPm3fHb&callback=loadMapScenario' async defer></script>
           </div>
        </div>
        <div class="jzz-bottom box-X">
            <div class="jzz-left box-Y">
                <p class="jzz-tts">Contact Details</p>
                <dl>
                    <dt>Lorem ipsum dolor sit amet, duis metus ligula amet in purus, vitae donec vestibulum enim, tincidunt massa sit, convallis ipsum.</dt>
                    <dd class="jzz-bj jzz-bj1">785 Carriage Drive, Jacksonville</dd>
                    <dd class="jzz-mb">Beach, FL</dd>
                    <dd class="jzz-mb jzz-bj jzz-bj2">1-888-124-567899</dd>
                    <dd class="jzz-bj jzz-bj3">info@your-site.com</dd>
                    <dd class="jzz-bj jzz-bj3">sales@your-site.com</dd>
                </dl>
            </div>
            <div class="jzz-right box-Y">
                <p class="jzz-tts">Get in Touch</p>
                <ul>
                    <li><input type="text" placeholder="First Name *"><input type="text" class="jzz-inl" placeholder="Last Name"></li>
                    <li><input type="text" placeholder="Email *"><input type="text" class="jzz-inl" placeholder="Phone"></li>
                    <li><textarea name="" id="" cols="30" rows="10" placeholder="Notes about your order, e.g. spesial notes for delivery"></textarea></li>
                    <li><span>Submit</span></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!--底部开始-->
<footer>
    <!--图标-->
    <img class="home-index-foottop" src="../home/images/home_index_foot_03.png" alt="">
    <!--文字-->
    <div class="home-index-footp">
        <p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
        <p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
    </div>
    <!--文字-->
    <p>Subscribe us</p>
    <!--邮件input框-->
    <div class="home-index-footserch">
        <input type="text" placeholder="Enter your email" />
        <span>SEND</span>
    </div>
    <!--三个小图片-->
    <div class="home-index-footimg">
        <a href="#"><img src="../home/images/home_index_foot_07.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_09.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_11.png" alt="" /></a>
    </div>
    <!--底部导航-->
    <ul class="home-index-footnav clearfix">
        <li><a href="#">Home</a></li>
        <li><a href="#">Pages</a></li>
        <li><a href="#">Envents</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="../home/images/home_index_foot_14.png" alt="" />
<script>
    $(".home-gotop").hide();
    $("body").ready(function(){
        $(".home-gotop").click(function(){
            $("html,body").animate({scrollTop:0},250);
        });
        setInterval(function(){
            if($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else{
                $(".home-gotop").show();
            }
        },500)
    });
</script>
</body>
</html>